<!doctype html>
<html lang="zh">
<head>
    <base href="../../">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="基于区块链的图书馆">
    <meta name="keywords" content="区块链，图书馆">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>区块链图书馆</title>
    <link href="images/library.png" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/pagination.css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.raty.min.js"></script>
    <script type="text/javascript" src="js/pagination.js"></script>
    <script type="text/javascript" src="app/web3.min.js"></script><!--core-->
    <script type="text/javascript" src="app/truffle-contract.js"></script><!--core-->
    <script type="text/javascript" src="app/ipfs.js"></script><!--core-->
</head>



<body>

<div id="wrap">

    <!--左侧菜单栏-->
    <script type="text/javascript" src="js/nav2.js"></script>

    <!--右侧内容栏-->
    <div id="rightContent">
        <!--右侧内容栏-->
        <div role="tabpanel" class="tab-pane">
                    <!--顶部导航-->
			<nav class="navbar navbar-default navbar-fixed-top">
			  <div class="container-fluid">
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
			      <a class="navbar-brand" href="/">AUSTLIBRARY</a> 
				</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
                    	<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">类别<span class="caret"></span></a>
		<ul class="dropdown-menu dropdown-menu-left" role="menu" id="myBooksList" onclick="handleClick">
		 		<li><a>马列</a></li>
		 		<li><a>哲学、宗教</a></li>
		 		<li><a>社会科学总论</a></li>
		 		<li><a>政治、法律</a></li>
		 		<li><a>军事</a></li>
		 		<li><a>文化、科学、教育、体育</a></li>
		 		<li><a>语言、文字</a></li>
		 		<li><a>文学</a></li>
		 		<li><a>艺术</a></li>
		 		<li><a>历史、地理</a></li>
		 		<li><a>自然科学总论</a></li>
		 		<li><a>数理科学</a></li>
		 		<li><a>天文学、地球科学</a></li>
		 		<li><a>生物科学</a></li>
		 		<li><a>医药、卫生</a></li>
		 		<li><a>农业科学</a></li>
		 		<li><a>工业技术</a></li>
		 		<li><a>交通运输</a></li>
		 		<li><a>航空、航天</a></li>
		 		<li><a>环境科学、安全科学</a></li>
		 		<li><a>综合性图书</a></li>
		</ul>
		</li>
				  <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">student <span class="caret"></span></a>
				  <ul class="dropdown-menu dropdown-menu-left">
					<button class="btn btn-white " onclick="App.getCommentedBooks()">评价的图书</button>
					<button class="btn btn-white " onclick="App.getBorrowedBooks()">借阅的图书</button>
					<button class="btn btn-white " onclick="App.getReturnedBooks()">归还的图书</button>
				  </ul>
				  </li>
				  <li><a href="index.html" onClick="if(!confirm('是否确认退出？')) return false;">退出登录</a></li>
				</ul>
				 <!-- <form  class="navbar-form navbar-right" > -->
                    <div class=" col-xs-2 input-group navbar-right">
                    <input type="text" class="form-control" id="myBookSearchBtn" autocomplete="off" placeholder="键入关键字搜索" maxlength="15">
                    <span class="input-group-btn">
                    <button class="btn btn-default " id="searchBtn" onclick="keyWordSearch()">查询</button>
                    </span> </div>
                <!-- </form> -->
			</div>
			</nav>

            <!--默认背景-->
            <div id="bg">
                <a href="library/bookHome.html"><img src="" style="width: 100%;"></a>
            </div>

            <!--资讯主页-->
            <div class="data-div">
                <div class="row" id="Viewbooks">
                    <div class="col-sm-6 col-md-3" hidden><!--template-->
                        <div class="thumbnail">
                            <a href="library/book.html?id=10086">
                                <div style="position: relative;">
                                    <img id="cover" class="img-cover" src="images/suanfa.jpg" alt="资讯封面"/>
                                    <figcaption id="nameWriter" class="img-caption">算法 & Kevin Wayne</figcaption>
                                </div>
                            </a>
                            <div class="caption">
                                <span class="label label-info">评分</span>
                                <samp id="score">10</samp>
                                <br/>
                                <span class="label label-info">类型</span>
                                <samp id="style">数理科学</samp>
                                <br/>
                                <span class="label label-info">出版社&出版时间</span>
                                <samp id="publisherPublishAge">人民邮电出版社&2018</samp>
                                <br/>
                                <span class="label label-info">书号</span>
                                <samp id="ISBN">978-7-115-29380-0</samp>
                                <br/>
                                <span class="label label-info">页数</span>
                                <samp id="pages">636</samp>
                                <br/>
                                <span class="label label-info">在架状态</span>
                                <samp id="status">在架</samp>
                                <br/>
                                <span class="label label-info">内容简介</span>
                                <samp id="intro">介绍算法的红宝书</samp>
                                <br/>
                                <div align="center">
                                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#modal"
                                            onclick="App.set(10086)">还书
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--底部分页-->
            <footer class="footer">
                <div id="pagination"></div>
            </footer>

            <!--还书-->
            <div class="modal fade" id="modal" role="dialog" aria-labelledby="modalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                    aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="modalLabel">还书</h4>
                        </div>
                        <div class="modal-body">
                            <div class="container-fluid">
                                确定要归还该图书？
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-xs btn-default" data-dismiss="modal">取 消</button>
                            <button type="button" class="btn btn-xs btn-danger" onclick="App.returnBook()" id="returnBookBtn">归 还</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
         
        </div>
    </div><!--右侧内容栏-->
</div><!--右侧内容栏-->
</div>
<script type="text/javascript" src="app/myBook copy.js"></script><!--core-->
</body>
</html>